<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/lbstyle.css">
</head>

<body>
    <!-- 头部 -->
    <div class="heder">
        <div class="conter">
            <ul class="heder_left">
                <li>
                    <a href="#">网路导航 <img src="../images/路径 4.png" alt=""></a>
                    <ul>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">商家入驻 <img src="../images/路径 4.png" alt=""></a>
                    <ul>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">客户服务 <img src="../images/路径 4.png" alt=""></a>
                    <ul>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#"><img src="../images/定位.svg" alt=""><span>北京</span> <img src="../images/下拉.svg" alt=""></a>
                </li>
            </ul>
            <ul class="heder_right">
                <li>
                    <a href="#">请登录</a>
                </li>
                <li>
                    <a href="#">登录有礼</a>
                </li>
                <li>
                    <a href="#">我的订单<img src="../images/路径 4.png" alt=""></a>
                    <ul>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">我的乐购<img src="../images/路径 4.png" alt=""></a>
                    <ul>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                        <li>
                            <a href="#">网路导航</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">乐购会员</a>
                </li>
                <li>
                    <a href="#"><img src="../images/购物车 (1).png" alt="">购物车<span>0</span><img src="../images/路径 4.png" alt=""></a>
                </li>
                <li>
                    <a href="#">易付宝</a>
                </li>
                <li>
                    <a href="#">企业采购</a>
                </li>
                <li>
                    <a href="#">手机乐购 <img src="../images/路径 4.png" alt=""></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 搜索 -->
    <div class="seach">
        <div class="conter">
            <div class="seach_box">
                <h1>
                    <a href="#"><img src="../images/图层 1.png" alt=""></a>
                </h1>
                <div class="seach_box_1">
                    <div class="seach_box_1_1">
                        <p><img src="../images/坐标 (1).png" alt=""><input type="text" placeholder="跨店每300减30"></p>
                        <button>搜索</button>
                    </div>
                    <ul class="seach_box_1_2">
                        <li>
                            <a href="#">手机</a>
                        </li>
                        <li>
                            <a href="#">电动牙刷</a>
                        </li>
                        <li>
                            <a href="#">电视</a>
                        </li>
                        <li>
                            <a href="#">海尔空调</a>
                        </li>
                        <li>
                            <a href="#">洗衣机</a>
                        </li>
                        <li>
                            <a href="#">茅台</a>
                        </li>
                        <li>
                            <a href="#">热水器</a>
                        </li>
                        <li>
                            <a href="#">iPad</a>
                        </li>
                        <li>
                            <a href="#">微波炉</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="seach_box1">
                <div class="seach_box1_1">
                    <div><img src="../images/更多.png" alt="">全部商品分类</div>
                    <ul style="display: none;">
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <a href="#">运营商</a>
                            <a href="#">智能数码</a>
                        </li>
                    </ul>
                </div>
                <ul>
                    <li>
                        <a href="#">限时抢购</a>
                    </li>
                    <li>
                        <a href="#">红孩子</a>
                    </li>
                    <li>
                        <a href="#">欢喜超市</a>
                    </li>
                    <li>
                        <a href="#">电器城</a>
                    </li>
                    <li>
                        <a href="#">生活家电</a>
                    </li>
                    <li>
                        <a href="#">时尚服饰</a>
                    </li>
                    <li>
                        <a href="#">金融</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        <div class="conter">
            <div>
                <a href="#">首页></a>
                <a href="#">家用电器></a>
                <span>年份季节：2020年春季<i>X</i></span>
            </div>
            <div>
                <ul>
                    <li>
                        <span><img src="../images/列表/形状 5.png" alt="">品牌</span>
                        <ul>
                            <li>
                                <a href="#">惠普</a>
                            </li>
                            <li>
                                <a href="#">长城</a>
                            </li>
                            <li>
                                <a href="#">惠普</a>
                            </li>
                            <li>
                                <a href="#">长城</a>
                            </li>
                            <li>
                                <a href="#">惠普</a>
                            </li>
                            <li>
                                <a href="#">长城</a>
                            </li>
                            <li>
                                <a href="#">惠普</a>
                            </li>
                            <li>
                                <a href="#">长城</a>
                            </li>
                        </ul>
                        <em>更多<img src="../images/列表/下.png" alt=""></em>
                    </li>
                    <li>
                        <span><img src="../images/列表/形状 5.png" alt="">电视类型</span>
                        <ul>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                            <li>
                                <a href="#">4K超清</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span><img src="../images/列表/形状 5.png" alt="">观看距离</span>
                        <ul>
                            <li>
                                <a href="#">2m以下</a>
                            </li>
                            <li>
                                <a href="#">2m以下</a>
                            </li>
                            <li>
                                <a href="#">2m以下</a>
                            </li>
                            <li>
                                <a href="#">2m以下</a>
                            </li>
                            <li>
                                <a href="#">2m以下</a>
                            </li>
                        </ul>
                        <em>更多<img src="../images/列表/下.png" alt=""></em>
                    </li>
                    <li>
                        <span><img src="../images/列表/形状 5.png" alt="">屏幕尺寸</span>
                        <ul>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                            <li>
                                <a href="#">32英寸及以下</a>
                            </li>
                        </ul>
                        <em>更多<img src="../images/列表/下.png" alt=""></em>
                    </li>
                    <li>
                        <span><img src="../images/列表/形状 5.png" alt="">高级选项</span>
                        <ul>
                            <li>
                                <a href="#">分辨率</a>
                            </li>
                            <li>
                                <a href="#">分辨率</a>
                            </li>
                            <li>
                                <a href="#">分辨率</a>
                            </li>
                            <li>
                                <a href="#">分辨率</a>
                            </li>
                            <li>
                                <a href="#">分辨率</a>
                            </li>
                            <li>
                                <a href="#">分辨率</a>
                            </li>
                        </ul>
                        <em>更多<img src="../images/列表/下.png" alt=""></em>
                    </li>
                </ul>
            </div>
            <div>
                <div>
                    <p>商品推荐</p>
                    <div>
                        <img src="../images/列表/lb.png" alt="">
                        <p>海信(Hisense)</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <p>￥4999.00</p>
                    </div>
                    <div>
                        <img src="../images/列表/lb.png" alt="">
                        <p>海信(Hisense)</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <p>￥4999.00</p>
                    </div>
                    <div>
                        <img src="../images/列表/lb.png" alt="">
                        <p>海信(Hisense)</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <p>￥4999.00</p>
                    </div>
                    <div>
                        <img src="../images/列表/lb.png" alt="">
                        <p>海信(Hisense)</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <p>￥4999.00</p>
                    </div>
                    <div>
                        <img src="../images/列表/lb.png" alt="">
                        <p>海信(Hisense)</p>
                        <p>LED55EC760UC 55英寸曲面</p>
                        <p>￥4999.00</p>
                    </div>
                </div>
                <div>
                    <div>
                        <ul>
                            <li>
                                <a href="#">综合</a>
                            </li>
                            <li>
                                <a href="#">新品</a>
                            </li>
                            <li>
                                <a href="#">销量<img src="../images/列表/形状 3.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#">价格<img src="../images/列表/形状 3 拷贝.png" alt=""></a>
                            </li>
                        </ul>
                        <div>
                            <span>共614件商品</span>
                            <em><i><</i><span><i>1</i>/11</span><i>></i></em>
                        </div>
                    </div>
                    <ul class="uln">
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/列表/商品244_244.png" alt="">
                                <p>￥4999.00</p>
                                <p>骗的就是你苹果电脑超薄屏幕，护眼 防蓝光
                                </p>
                                <p>不要错过，不要辜负</p>
                                <p>已有<i>3.2万+</i>人评价</p>
                                <p><button><img src="../images/列表/购物车.png" alt="">加入购物车</button><button><img src="../images/列表/形状 4.png" alt="">收藏</button></p>
                            </a>
                        </li>
                    </ul>
                    <div class="divns">
                        <span>上一页</span>
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span>下一页</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="conter">
            <div class="footer_box">
                <ul>
                    <li>购物指南
                    </li>
                    <li>
                        <a href="#">免费注册</a>
                    </li>
                    <li>
                        <a href="#">会员等级</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li>售后服务

                    </li>
                    <li>
                        <a href="#">免费注册</a>
                    </li>
                    <li>
                        <a href="#">会员等级</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li>物流配送
                    </li>
                    <li>
                        <a href="#">免费注册</a>
                    </li>
                    <li>
                        <a href="#">会员等级</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li>支付方式
                    </li>
                    <li>
                        <a href="#">免费注册</a>
                    </li>
                    <li>
                        <a href="#">会员等级</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li>用户帮助
                    </li>
                    <li>
                        <a href="#">免费注册</a>
                    </li>
                    <li>
                        <a href="#">会员等级</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
            </div>
            <div class="footer_box1">
                <p>蓝湖文化科技有限公司 版权所有 保留一切权利</p>
                <p>京ICP备10218183号 京ICP证161188号 京公网安备11010802020593号出版物经营许可证新出发京批字第直130052号</p>
            </div>
        </div>
    </div>
</body>

</html>